<%@ page language= "java" contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>
	<head>
		<title>Blog</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- Custom Theme files -->
		<!--theme-style-->
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!--//theme-style-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="New Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--fonts-->
		<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
		<link href='http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
		<!--//fonts-->
		<!-- start menu -->
		<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="js/memenu.js"></script>
		<script>
			$(document).ready(function() {
				$(".memenu").memenu();
			});
		</script>
		<script src="js/simpleCart.min.js"> </script>

	</head>
	<body>
		<!--header-->
		<div class="header">
			<jsp:include page="top.jsp" flush="true"></jsp:include>

			<div class="container">
				<div class="head-top">
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>

		</div>


		<!--content-->
		<div class="blog">
			<div class="container">
				<h1>Blog</h1>
				<div class="blog-top">
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b1.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b2.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="clearfix"> </div>
				</div>

				<div class="blog-top">
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b3.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b4.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="blog-bottom">
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b5.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="col-md-6 grid_3">
						<h3><a href="blog_single.html">Lorem Ipsum is simply</a></h3>
						<a href="blog_single.html"><img src="images/b1.jpg" class="img-responsive" alt="" /></a>

						<div class="blog-poast-info">
							<ul>
								<li><a class="admin" href="#"><i> </i> Admin </a></li>
								<li><span><i class="date"> </i>12-04-2015</span></li>
								<li><a class="p-blog" href="#"><i class="comment"> </i>No Comments</a></li>
							</ul>
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
							magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat.</p>
						<div class="button"><a href="#">Read More</a></div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!--//content-->
		<jsp:include page="foot.jsp" flush="true"></jsp:include>
	</body>
</html>
